// import React from "react";
// import { Cascader } from 'antd';
//
// const options = [
//     {
//         value: 'zhejiang',
//         label: 'Zhejiang',
//         children: [
//             {
//                 value: 'hangzhou',
//                 label: 'Hangzhou',
//                 children: [
//                     {
//                         value: 'xihu',
//                         label: 'West Lake',
//                     },
//                 ],
//             },
//         ],
//     },
//     {
//         value: 'jiangsu',
//         label: 'Jiangsu',
//         children: [
//             {
//                 value: 'nanjing',
//                 label: 'Nanjing',
//                 children: [
//                     {
//                         value: 'zhonghuamen',
//                         label: 'Zhong Hua Men',
//                     },
//                 ],
//             },
//         ],
//     },
// ];
// const onChange = (value) => {
//     console.log(value);
// };
// const App = () => <Cascader options={options} onChange={onChange} placeholder="Please select" />;
// export default class CityList extends React.Component{
//
//     render() {
//         console.log('城市选择页面进来了')
//         return <div>{<App/>}</div>
//     }
// }
import React from 'react';
import { Cascader } from 'antd';
import 'antd/dist/antd.css'
const options = [
    {
        value: '日结',
        label: '日结',
        children: [
            {
                value: 'hangzhou',
                label: 'Hangzhou',
                children: [
                    {
                        value: 'xihu',
                        label: 'West Lake',
                    },
                ],
            },
        ],
    },
    {
        value: '月结',
        label: '月结',
        children: [
            {
                value: 'nanjing',
                label: 'Nanjing',
                children: [
                    {
                        value: 'zhonghuamen',
                        label: 'Zhong Hua Men',
                    },
                ],
            },
        ],
    },
];
const onChange = (value) => {
    console.log(value);
};
// ReactDOM.render(
//     <Cascader
//         options={options}
//         expandTrigger="hover"
//         // displayRender={displayRender}
//         onChange={onChange}
//     />,
// );
const App = () => <div className="jilian"><Cascader options={options} onChange={onChange} placeholder="请选择" /></div>;
export default App;